<style>
.ztree{
	border:1px solid #eee;
	background:#fff;
	width:300px;
}
.ztree ul{
	margin:0px 20px 10px 20px;
}

.ztree li{
	outline:0px solid #f00;
	cursor:pointer;
}

.ztree li a{
	display:block;
	padding:10px 0px 10px 1em;
	outline:0px solid #f00;
	cursor:pointer;
	outline:0px solid #ccc;
}
.ztree li span.button{
	background-attachment: scroll;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
	_zoom:1;
	_display:inline;
	*display:inline;
	*zoom:1;
    height: 16px;
    line-height: 0;
    margin: 0;
    outline: medium none;
    vertical-align: middle;
    width: 16px;
}
.ztree li span.button.switch{
	width:0px;
	height:0px;
	display:none;
}

.ztree li span.button.pIcon01_ico_open{
	background: url(../webFrame/zTree_v3/css/zTreeStyle/img/diy/1_open.png);
	outline:0px solid #f00;
}
.ztree li span.button.pIcon01_ico_close{margin-right:2px; background: url(../webFrame/zTree_v3/css/zTreeStyle/img/diy/1_close.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.pIcon02_ico_open, .ztree li span.button.pIcon02_ico_close{margin-right:2px; background: url(../webFrame/zTree_v3/css/zTreeStyle/img/diy/2.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon01_ico_docu{margin-right:2px; background: url(../webFrame/zTree_v3/css/zTreeStyle/img/diy/3.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon02_ico_docu{margin-right:2px; background: url(../webFrame/zTree_v3/css/zTreeStyle/img/diy/4.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon03_ico_docu{margin-right:2px; background: url(../webFrame/zTree_v3/css/zTreeStyle/img/diy/5.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon04_ico_docu{margin-right:2px; background: url(../webFrame/zTree_v3/css/zTreeStyle/img/diy/6.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon05_ico_docu{margin-right:2px; background: url(../webFrame/zTree_v3/css/zTreeStyle/img/diy/7.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
.ztree li span.button.icon06_ico_docu{margin-right:2px; background: url(../webFrame/zTree_v3/css/zTreeStyle/img/diy/8.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
</style>
<ul id="treeDemo" class="ztree"></ul>